<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02_基础标签</title>
</head>
<body>
<!-- 1.文本标签-->
我是普通文字
<b>加粗文字bold</b>
<i>斜体文字italic</i>
<u>下划线文字underline</u>
<s>删除线文字</s>
<mark>高亮标记文字</mark>
<!-- 2.空格折叠:将连续的多个空格与换行都折叠成一个空格显示   -->
<br> <!-- 换行标签 单标记标签-->
<!-- 3.转义符号:
&nbsp;空格   &lt;小于号[less than]   &gt;大于号[great than]-->
我是&nbsp;&nbsp;&nbsp;新内容
<br>
&lt;tom&gt;说:今天的天气&lt;很&gt;不错
<!--3.标题标签 加粗 改字号 独占一行 有垂直方向的行间距 -->
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<h7>没有标题7</h7>

<p>
    <!-- 6.生成假文 lorem然后用Tab补全 -->
    loren ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi aspernatur aut deserunt dolores, doloribus, dolorum error eum facilis incidunt itaque mollitia nobis omnis pariatur repellendus sint velit, veniam voluptate.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi aspernatur aut deserunt dolores, doloribus, dolorum error eum facilis incidunt itaque mollitia nobis omnis pariatur repellendus sint velit, veniam voluptate.
</p>
<!-- 5.分割线标签   -->
<hr>

<!--7.有序列表 ordered list
type="" 1阿拉伯数字 A/a字母 I/i罗马数字-->
<ol type="A">
    <li>锅里倒水</li>
    <li>把水烧开</li>
    <li>开始煮面</li>
    <li>开始煮面</li>
    <li>开始煮面</li>
    <li>开始煮面</li>
</ol>

<!--8.无序列表 unordered list
type="none" 去掉列表项前的标识符 -->
<ul type="none">
    <!-- list item 列表项 -->
    <li>《Think in Java》</li>
    <li>《Java从入门到精通》</li>
    <li>《图解HTTP协议》</li>
    <li>《颈椎康复指南》</li>
</ul>









</body>
</html>